<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head('博客主页')"></head>
<body id="app-container" class="menu-default show-spinner vertical boxed">

    <nav th:replace="_fragments :: nav"></nav>

    <div th:replace="_fragments :: menu(1, 1)"></div>

    <main>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="mb-2">
                        <h1>Blog</h1>
                        <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                            <ol class="breadcrumb pt-0">
                                <li class="breadcrumb-item">
                                    <a href="#">主页</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="#">博客</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">最新博客</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="separator mb-5"></div>
                </div>
            </div>

            <div id="page_list" class="row">
            </div>


            <div class="row">
                <div class="col-12">
                    <nav class="mt-4 mb-3">
                        <ul id="list_navigate" class="pagination justify-content-center mb-0">
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

    </main>

    <footer th:replace="_fragments :: footer"></footer>

    <th:block th:replace="_fragments :: script" />
    <script th:src="@{/js/my.blog.page.js}"></script>
    <script th:inline="javascript">
        let data = [[${msg}]];
        if (data == 1){
            showNotification("top","提示","您已登录，请不要重复登录！","warning")
        }else if (data == 2){
            showNotification("top","提示","您已成功注销！","info")
        }else if (data == 3){
            showNotification("top","提示","头像修改成功！","info")
        }

    </script>
</body>
</html>